/* 主题颜色 */
#app {
	width: 100%;
	height: 100%;
	background-color: var(--app-background);
	transition: 0.2s;
}

/* Light Mode */
#app[color-mode='light'] {
	--app-background: rgb(245, 245, 245);
	--background: rgb(255, 255, 255);
	--nav-background: #409eff;
	--tabNav-background:#409eff;
	--border-color: rgb(232, 232, 232);
	--color: #2d343c;
	--font-color: #474747;
	--font-hover: #409eff;
	--page-background: #fff;
	--active: rgba(232, 238, 245,0.2);
	--background-hover: rgba(219, 219, 219, 0.3);
	--theme-color: #1c81e660;
	--input-focused: rgb(255, 255, 255);
	--input-border: #409eff;
	--input-shadow: #409eff60;
	/* 按钮样式 */
	--button-bg:#409eff; 
	--button-color:#fff;
	/* 树形选中颜色 */
	--tree-select-bg:#f5f7fa
	
}

/* Dark Mode */
#app[color-mode='dark'] {
	--app-background: rgb(0, 0, 0);
	--background: rgb(0, 0, 0);
	--nav-background: rgb(0, 0, 0);
	--tabNav-background:#feb70e;
	--border-color: rgb(24, 24, 24);
	--color: #747474;
	--font-color: #fff;
	--font-hover: #feb70e;
	--page-background: rgb(24, 24, 24);
	--active: rgba(232, 238, 245,0.2);
	--background-hover: rgba(219, 219, 219, 0.2);
	--theme-color: #feb70e;
	--input-focused: rgb(0, 0, 0);
	--input-border: rgb(0, 0, 0);
	--input-shadow: rgba(219, 219, 219, 0.2);
	/* 按钮样式 */
	--button-bg:#feb70e; 
	--button-color:#747474;
	/* 树形选中颜色 */
	--tree-select-bg:rgba(232, 238, 245,0.2);
}
